/* Lee Bing Quan Jonthan */

/* Containers */
#wrapper{
    margin:0 auto;
    width:950px;
    background-color:green;
}
#avatar{
    float:left;
    height:150px;
    width:120px;
    padding:10px;
    margin:5% 2.5% 5% 9%;
    border:solid black;
    background-color:purple;
}
#expression{
    float:left;
    height:100px;
    width:550px;
    padding:10px;
    margin:8% 9% 8% 2.5%;
    text-align:right;
    background-color:orange;
}
hr{
    clear:both;
}

/* Content Settings */
body{
    width:100%;
    text-align:center;
}
textarea{
    resize:none;
}
ul {
    list-style-type:none;
}

label{
    float:left;
    width:350px;
    text-align:right;
    background-color:blue;
}
.field{
    float:left;
    margin:0 300px 0 0;
    width:200px;
    font-style:normal;
}

/* Tab Menu */
#menu {
    float:left;
    width:100%;
    background:#fff;
    border-bottom:4px solid #000;
    overflow:hidden;
    position:relative;
}
#menu ul {
    clear:left;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    left:50%;
    text-align:center;
}
#menu ul li {
    display:block;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    right:50%;
}
#menu ul li a {
    display:block;
    margin:0 0 0 1px;
    padding:3px 10px;
    background:#ddd;
    color:#000;
    text-decoration:none;
    line-height:1.3em;
}
#menu ul li a:hover {
    background:#369;
    color:#fff;
}
#menu ul li a.active,
#menu ul li a.active:hover {
    color:#fff;
    background:#000;
    font-weight:bold;
}